<template>
    <div class="page-box">
        <div id="ajax-hook"></div>
<div class="wrap">
    <div class="wpn">
        <div class="form-data find_password">
            <h4>欢迎来到 xxx 系统</h4>
            <p class="right_now">欢迎来到xxx 系统<!-- <a href="./login.html">退出</a> --></p>
            <!-- <p class="p-input pos">
                <label for="pc_tel">手机号/邮箱</label>
                <input type="text" id="pc_tel" placeholder="你的手机号">
                <span class="tel-warn pc_tel-err hide"><em>最多五个字</em><i class="icon-warn"></i></span>
            </p> -->
            <button class="lang-btn next" @click="logout">退出</button>
            <!-- <p class="right">Powered by © 2018</p> -->
        </div>
    </div>
</div>
    </div>
</template>

<script>
export default {
  name: 'login',
  data () {
    return {
      msg: '登录页',

      sms_code:'', 
      nickname:'', 
      gender:'', 
      mobile:'18314440364', 
      avatar:'', 
      email:'', 
      password:'', 
    }
  },
  methods: {
			logout(){
        var that = this;
        console.log('退出')
        that.$store.dispatch('Logout').then(resA => {
            // console.log('设置成功')
            that.$router.push('/login')

        }).catch((err) => {
            console.log('设置失败',err)
        })
			},
      
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
@import '../../../static/css/login/login.css';
.page-box {
  margin:0;padding:0;
  color:#34495e;font:12px/1.5 Microsoft Yahei,Helvetica Neue;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern";
  background-color: #3895e8;
}


.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-ok-sign:before { content: "\e6d1"; }
</style>
